<!--
 * @Author: liujinjun681 liujinjun681@qq.com
 * @Date: 2022-07-25 10:25:43
 * @LastEditors: liujinjun681 liujinjun681@qq.com
 * @LastEditTime: 2022-07-26 16:57:28
 * @FilePath: \hd_ims_web\src\components\HdTagGroup\index.vue
 * @Description: 公用状态标志组、统一颜色标准
-->
<template functional>
  <div class="hdtaggroup">
    <Tag v-if="props.show.includes('tijiao')" type="dot" size="default" color="#0fac09">提交</Tag>
    <Tag v-if="props.show.includes('jinxing')" type="dot" size="default" color="#0fac09">进行</Tag>

    <Tag v-if="props.show.includes('guozhang')" type="dot" size="default" color="#bb0331">过账</Tag>
    <Tag v-if="props.show.includes('dengdai')" type="dot" size="default" color="#bb0331">等待</Tag>

    <Tag v-if="props.show.includes('shenhe')" type="dot" size="default" color="#0323af">审核</Tag>
    <Tag v-if="props.show.includes('pizhun')" type="dot" size="default" color="#c327ae">批准</Tag>

    <Tag v-if="props.show.includes('zanting')" type="dot" size="default" color="#cdcdcf">暂停</Tag>
    <Tag v-if="props.show.includes('wancheng')" type="dot" size="default" color="#000000">完成</Tag>
  </div>
</template>
<script>
export default {
  name: 'HdTagGroup',
  props: {
    show: {
      type: Array,
      default: function () {
        return ['tijiao', 'guozhang', 'shenhe', 'pizhun']
      },
    },
  },
}
</script>
<style lang="scss" scoped>
.hdtaggroup {
  display: inline-block;
}
</style>
